// place your custom styles here
.hide-panel {
  background: #ffdddd;
  padding: 10px;
  margin: 5px 0;

	/*
	max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
	*/
}
.block-title {
    background-color: #ffcc34; 
    border-radius: 10px; 
    padding: 8px; 
    width: 100%;

    display: flex;
    justify-content: space-between;
}

.block-title .title {
    //color: red;
}

.block-title .progress {
    color: green;
}

// =================== 手风琴样式 =============================
/* 打开和关闭手风琴面板的样式 */
.accordion-controller {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
  }
   
  /* 设置点击和鼠标移到选项上面时（悬停）的样式 */
  .accordion-active, .accordion-controller:hover {
    background-color: #ccc;
  }
   
  /* 为手风琴面板设计样式。 默认隐藏 */
  .accordion-panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  /* 设置 +、- 标志 */
  .accordion-controller:after {
    content: '\002B';  /* Unicode 字符 + 号 */
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
   
  .accordion-active:after { 
    content: "\2212";  /* Unicode 字符 - 号 */
  }
